<template>
	<view class="entirety">
		<view class="head">
			请设置登录密码。您可以用绑定的账号+密码登录。
		</view>
		<view class="accountnumber">
			<view class="title">账号</view>
			<view class="value">34782397432</view>
		</view>
		<view class="rawaccountnumber">
			<view class="title1">原密码</view>
			<view class="value"> <u--input placeholder="填写原密码" border="bottom" v-model="value"
					@change="change"></u--input></view>
		</view>
		<view class="rawaccountnumber">
			<view class="title1">新密码</view>
			<view class="value"> <u--input placeholder="填写新密码" border="bottom" v-model="value1"
					@change="change1"></u--input></view>
		</view>
		<view class="rawaccountnumber">
			<view class="title1">确认新密码</view>
			<view class="value"> <u--input placeholder="再次填写确认" border="bottom" v-model="value2"
					@change="change2"></u--input></view>
		</view>
		<view class="tail">密码必须是8-16位的英文字母、数字、字符组合（不能是纯数字）</view>
	</view>
</template>

<script>
import "@/uni_modules/uview-ui/index.scss";
	export default {
		data() {
			return {
				value: '',
				value1: '',
				value2: ''
			}
		},
		methods: {
			change(e) {
				console.log('change', e);
			},
			change1(e) {
				console.log('change', e);
			},
			change2(e) {
				console.log('change', e);
			}
		}
	}
</script>

<style>
	.entirety {
		width: 100%;
		height: 100%;
		align-items: center;
	}

	.head {
		padding-top: 10%;
		width: 100%;
		height: 50px;
		text-align: center;
		color: #AAAAAA;
	}

	.accountnumber {
		width: 100%;
		height: 50px;
	}
	.rawaccountnumber{
		width: 100%;
		height: 50px;
	}

	.title {
		float: left;
		width: 25%;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 20px;
		color: #AAAAAA;
	}
	.title1 {
		float: left;
		width: 25%;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 20px;
	}

	.value {
		float: left;
		width: 70%;
		height: 50px;
		line-height: 50px;
		padding-left: 10px;
		font-size: 20px;
		color: #AAAAAA;
		display: flex;
		align-items: center;
	}
	.tail{
		padding-left: 20px;
		width: 95%;
		height: 50px;
	}
</style>